<template>
	<div slot="head-search" class="search_box">
    <router-link tag="div" :to="{ name: 'search'}" class="search_on">
      <a href="javascript:void(0)"></a>
    </router-link>
    <a class="git_msg" href="javascript:void(0)">
      <img ref="whiteear" src="../assets/images/k01.png" />
      <img ref="blackear" src="../assets/images/k02.png" />
    </a>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  mounted() {}
};
</script>

<style lang="scss" scoped="scoped">
	.search_box {
        width: 100%;
        .search_ on {
            display: inline-block;
            width: 70%;
            height: .25rem;
            margin-top: .04rem;
            border-radius: .06rem;
            text-align: center;
            background: #C2CFCC;
            opacity: 0.5;
            a {
                display: inline-block;
                width: 50%;
                height: 100%;
                background: #C2CFCC url('../assets/images/se01.png') no-repeat .05rem center;
                background-size: .75rem .15rem;
                -webkit-background-size: .75rem .15rem;
            }
            opacity: 0.6;
        }
        .git_msg {
            display: inline-block;
            width: .2rem;
            height: .2rem;
            position: absolute;
            top: .08rem;
            right: .15rem;
            img {
                width: 100%;
                height: 100%;
            }
            img:nth-child(1) {
                display: none;
            }
            img:nth-child(2) {
                display: block;
            }
        }
    }
</style>
